<!DOCTYPE html>
<html class=" portrait">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>旧手机 新故事</title>
    <meta name="description" content="一部手机  一段青春  一个故事">
    <meta name="keywords" content="H5页面展示,H5网页展示,微场景应用,微信页面应用,微杂志案例, 微信场景应用">
    <meta name="author" content="epub360">
    <meta name="renderer" content="webkit">
    <meta name="version" content="Epub360 2.0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <link rel="apple-touch-icon"
          href="http://qn.media.epub360.com/book/icon/6896a90725b3d148ed86c2c303c3831d_origin.png">
    <link rel="apple-touch-startup-image"
          href="http://qn.media.epub360.com/book/icon/6896a90725b3d148ed86c2c303c3831d_origin.png">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1.0, user-scalable=no">

    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=46837630"></script>
    <script type="text/javascript" async="" defer="" src="//v2static.epub360.com/thirdparty/piwik/piwik.js"></script>
    <script src="//v2static.epub360.com/thirdparty/script/script.min.js"></script>
    <link rel="stylesheet" href="//v2static.epub360.com/thirdparty/animate/animate.min.css">

    <script>
        var player_modules = [];
        var loadmodules = [];
        var MODULES_DICT = {}
    </script>
    <script>
        if (window.location.search != '' && /(e_ua=)/.test(window.location.search)) {
            var script = document.createElement("script");
            script.type = "text/javascript";
            script.src = "//v2static.epub360.com/diazo/epub360player/uasdk-1.0.0.min.js";
            document.head.appendChild(script);
        }
    </script>

    <script type="text/javascript">
        _udn = "epub360.com";
        var if_show_cover = 0;
        var _gaq = _gaq || [];  // to ensure ga anlytics work in player
        var _paq = _paq || [];
        var data_link = ''; // to store the data not for sharing of paragraph/slide/...

        var weixin_initial = 0, weixin_config_ready = 0, epub360_domain = 'epub360';
    </script>
    <script type="text/javascript">function workEnd(type) {
    }
    if (navigator.userAgent.indexOf("MSIE 8.0") >= 0) {
        Array.prototype.indexOf = function (Object) {
            for (var i = 0; i < this.length; i++)
                if (this[i] == Object)
                    return i;
            return -1;
        }
    }
    </script>

    <link rel="stylesheet" href="//v2static.epub360.com/diazo/player-built/mobileview.built.ee33b878.cache.css">

    <style type="text/css">div.epub360-logo1, div.epub360-logo2, div.epub360-logo3 {
        display: none;
    }</style>


    <script type="text/javascript">
        var js_built = 1;
        var preview_mode = 0;
        var portal_url = '/';
        var context_type = 'PhotoGallery';
        var context_url = '/v2/manage/book/dlg4ed/';
        var web_url = '//v2static.epub360.com/';
        if (window.location.protocol == 'https:') {
            web_url = 'https:' + web_url
        } else if (web_url.indexOf('epub360.com') > 0)
            web_url = 'http:' + web_url;

        var ga_opt_target = document.location.origin + context_url, ga_opt_pagePath = context_url;
        var has_logo = 0;
        var dict = {"msg": "success", "code": 200, "data": {}};

        var epub360 = epub360 || {};
        epub360.settings = epub360.settings || {};
        epub360.PlayerPlugins = epub360.PlayerPlugins || [];
        epub360.settings.billing_type = '';


        epub360.settings.pems = {'has_analytics_src': false};

        window.epub360_userinfo = {};
        window.epub360_sourceinfo = {};
    </script>
    <script type="text/javascript">
        var request_server = new window.XMLHttpRequest();
        var request_url = "config.js?url=" + encodeURIComponent(window.location.origin + window.location.pathname + window.location.search);
        request_server.onreadystatechange = function () {
            if (request_server.readyState != 4 || request_server.status != 200) return;
            var b = request_server.responseText;
            eval(b);
            weixin_config_ready = 1;
            if (typeof initEpub360Player == 'function') {
                initEpub360Player();
            }
        };
        request_server.open('GET', request_url, true);
        request_server.send(null);
    </script>
    <script async=""
            src="//v2static.epub360.com/??player_modules/lib/countdown/2/countdown.js,player_modules/js/timer/5/timer.js"></script>
    <script async="" src="//v2static.epub360.com/diazo/player-built/touchview.built.c114ad61.cache.js"></script>


</head>
<body class="template-player portaltype-interaction-photogallery site-demo section-pic build"
      style="background: rgb(153, 153, 153); height: 949px;">

<div style="display:none;">
    <img src="http://qn.media.epub360.com/book/icon/6896a90725b3d148ed86c2c303c3831d_origin.png">
</div>

<div class="reveal typo iMouseWheel enableMouseWheel enableMouseWheelY enableDragY"
     style="user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none; width: 449px; height: 480px; overflow: visible; zoom: 1.97708; margin-left: 0px; margin-top: 0px;">
    <div class="slides-wrap"
         style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1000; overflow: hidden;">
        <div class="slides  c-transition-containment" style="width: 449px; height: 480px;">


            <div class="slideTempContainer" style="position:absolute;left:-99999px;top:-99999px;">
                <section class="group" id="group_page_879fef03aa99657f">


                    <section class="Presentation c-transition-item has_swipe" id="page_3fb78b8b260ad2cf"
                             style="background-color: rgb(0, 0, 0); overflow: hidden; width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 63.5px; margin-top: 0px;">
                            <div class="interaction-view" style="overflow: visible;">
                                <div class="iView dynamic" data-type="ImageBlock" id="e_eba9c0af7945bb81"
                                     style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, 160.062, 209.843); z-index: 1000; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -223.562px; top: -242.843px; width: 447.123px; height: 485.685px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/137b4f6ce981a81b272a8ef9002b490a_origin.jpg?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide " data-type="ImageBlock" id="e_5b1d5e4e9e884d1b"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1001; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -115.5px; top: -18.5px; width: 231px; height: 37px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/3db59fcf9a393484b951fa32fcf05cb1_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide " data-type="ImageBlock" id="e_1b3777f51da83861"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1002; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -127.5px; top: -18.5px; width: 255px; height: 37px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/c4815449dff55ed4dbdda06b96cb8ddc_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide " data-type="ImageBlock" id="e_cda2c46e6e89a4d6"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1003; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -133.5px; top: -17.5px; width: 267px; height: 35px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/886e9a0ce66906ae39b0d44c2dc4576b_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic" data-type="ImageBlock" id="e_8381fac7e843002e"
                                     style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -27.5, 26); z-index: 1004; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -78px; top: -18px; width: 156px; height: 36px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/345f04516fa61ce3ca98beb3e6d8ecfb_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide " data-type="ImageBlock" id="e_3f1155ad885a33ac"
                                     style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -28, 443.5); z-index: 1005; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -23.5px; top: -31.5px; width: 47px; height: 63px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/322ce6f75b5756ece1b554ebe8a5837e_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic" data-type="ImageBlock" id="e_7c220ea976f79de2"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 307, 397); z-index: 1006; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -13px; top: -30px; width: 26px; height: 60px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/df71a37ca20348a0545067195ebda153_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic" data-type="Timer" id="20160914093808921"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 502, 126); z-index: 1007;">
                                    <div class="iTimer nanoscrollbar Element"
                                         style="position: absolute; left: -90px; top: -22px; background-color: transparent; width: 180px; height: 44px; line-height: 2em; text-align: center; font-size: 20px; color: rgb(0, 0, 0); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                        00:07
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="Presentation c-transition-item" id="page_64d4b890e8747b4e"
                             style="background-color: rgb(0, 0, 0); overflow: hidden; width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 63.5px; margin-top: 0px;">
                            <div class="interaction-view" style="overflow: visible;">
                                <div class="iView dynamic" data-type="ImageBlock" id="e_011563c168436606"
                                     style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, 160.062, 242.782); z-index: 1000; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -223.562px; top: -242.782px; width: 447.123px; height: 485.564px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/35a1123a697d7e5e2f7385de49915a3a_origin.jpg?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide " data-type="ImageBlock" id="e_5d52beff8e4b294d"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1001; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -115.5px; top: -18.5px; width: 231px; height: 37px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/3db59fcf9a393484b951fa32fcf05cb1_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide " data-type="ImageBlock" id="e_cb5b637a9944746a"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1002; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -150.694px; top: -17.5px; width: 301.389px; height: 35px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/842642a5d0a4b2dd9d9154fe19859350_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide " data-type="ImageBlock" id="e_31d66a36ace2782f"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1003; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -76.9876px; top: -18.5px; width: 153.975px; height: 37px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/6e764e765e4389b9b82241b93b3aa16a_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide " data-type="ImageBlock" id="e_355d93d1cf529108"
                                     style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -28, 443.5); z-index: 1004; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -23.5px; top: -31.5px; width: 47px; height: 63px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/322ce6f75b5756ece1b554ebe8a5837e_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic" data-type="ImageBlock" id="e_c8c0ea84dc5cee8e"
                                     style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -27.5, 26); z-index: 1005; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -78px; top: -18px; width: 156px; height: 36px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/345f04516fa61ce3ca98beb3e6d8ecfb_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic" data-type="ImageBlock" id="e_4f7e6aa29a6ddece"
                                     style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, 365.5, 29); z-index: 1006; opacity: 1;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -13px; top: -30px; width: 26px; height: 60px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/df71a37ca20348a0545067195ebda153_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide hasaction" data-type="ImageBlock" id="e_ab65862d70f4728d"
                                     style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, 339.5, 460.5); z-index: 1007; opacity: 1; cursor: pointer; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;">
                                    <div class="iImageBlock Element"
                                         style="position: absolute; left: -54px; top: -24.5px; width: 108px; height: 49px; border-radius: 0px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/01ae71fc1da660dea734a5139f131a4a_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </section>
            </div>
            <section class="Presentation c-transition-item c-transition-up" id="page_879fef03aa99657f"
                     style="background-color: rgb(255, 255, 255); overflow: hidden; width: 100%; height: 100%;"
                     data-down="1">
                <div class="interaction-area typo"
                     style="width: 100%; height: 100%; margin-left: 63.5px; margin-top: 0px;">
                    <div class="interaction-view" style="overflow: visible;">
                        <div class="iView dynamic" data-type="CycleImage" id="e_a9e5c5c7943f237b"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 153, 245); z-index: 1000; opacity: 1;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -180px; top: -320px; background-color: transparent; width: 360px; height: 640px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:640px;">
                                    <canvas id="canvas_751b53efed0f718849b4105eda49e18d" width="720" height="1280"
                                            style="pointer-events:none;width:360px;height:640px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_c1ba4ffc7b94a799"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 422, 86);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c31e_c1ba4ffc7b94a799" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/03138356b469cc68c90ac1e1eb461eb0.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_e1ea3a7f1ab92196"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 153, 332); z-index: 1002; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -80px; top: -12px; width: 160px; height: 24px; border-radius: 0px;">
                                <div class="child_Element"
                                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"
                                     data-in="1">
                                    <div class="image_wrap el_wrap bk_full"
                                         style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/9493d74799530a5e3dd52420621da030_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="Slide" id="e_3e3408a772df5833"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 248.5, 340.5); z-index: 1003; opacity: 1;">
                            <div class="iSlide Element"
                                 style="position: absolute; left: -11.5px; top: -3.5px; background: rgba(255, 255, 255, 0); width: 23px; height: 7px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="child_Element"
                                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"
                                     data-in="1">
                                    <div class="slidecontent overflowhidden"
                                         style="position:absolute;width:100%;height:100%;line-height:7px;"><img
                                            data-index="0" id="e_c37" class="Context"
                                            style="width: 100%; height: 100%; position: absolute; margin: auto; display: inline; opacity: 1; left: 0px; top: 0px;"
                                            src="http://qn.media.epub360.com/materials/origin/cd99ae8dfec6ba2bb7892110cf8f505e_origin.png"><img
                                            data-index="1" id="e_c39" class="Context"
                                            style="width: 100%; height: 100%; position: absolute; margin: auto; display: inline; opacity: 0;"
                                            src="http://qn.media.epub360.com/materials/origin/0047f40befee7f91bc6a88eecd9b097e_origin.png"><img
                                            data-index="2" id="e_c41" class="Context"
                                            style="width: 100%; height: 100%; position: absolute; margin: auto; display: inline; opacity: 0;"
                                            src="http://qn.media.epub360.com/materials/origin/f2a61381c98f19132c6080e0109a26ca_origin.png">
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="iView dynamic" data-type="Timer" id="20160824162728743"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 470, 186); z-index: 1004;">
                            <div class="iTimer nanoscrollbar Element"
                                 style="position: absolute; left: -90px; top: -22px; background-color: transparent; width: 180px; height: 44px; line-height: 2em; text-align: center; font-size: 20px; color: rgb(0, 0, 0); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                00
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_7224c551cee49cf8"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160.451, 368); z-index: 1005; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -43.4507px; top: -5px; width: 86.9014px; height: 10px; border-radius: 0px;">
                                <div class="child_Element"
                                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"
                                     data-in="1">
                                    <div class="image_wrap el_wrap bk_full"
                                         style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/95af9fb3ab043a24a4edf4d599e25bf2_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="Presentation c-transition-item has_swipe c-transition-current" id="page_13853534097181"
                     style="background-color: rgb(255, 255, 255); overflow: hidden; width: 100%; height: 100%;"
                     data-up="1" data-down="1">
                <div class="interaction-area typo"
                     style="width: 100%; height: 100%; margin-left: 63.5px; margin-top: 0px;">
                    <div class="interaction-view" style="overflow: visible;">
                        <div class="iView dynamic" data-type="ImageBlock" id="e_f25dc2d264e947b7"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160.25, 240.25); z-index: 1000; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -185.25px; top: -284.25px; width: 370.5px; height: 568.5px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/5edebf2dde21a190cda8eba82fa98a85_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_3ed13afce8564164"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160.25, 240.25); z-index: 1001; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -185.25px; top: -284.25px; width: 370.5px; height: 568.5px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/8e1ae4a1cd2cda91f50ba5396941fdfc_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_16e6cbad57438e9c"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160.25, 240.25); z-index: 1002; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -185.25px; top: -284.25px; width: 370.5px; height: 568.5px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/66d28f63a2637d8f94af20a1b2c7b4cb_origin_8nCpcll.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_c7e5d665b7f91c32"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160.25, 240.25); z-index: 1003; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -185.25px; top: -284.25px; width: 370.5px; height: 568.5px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/0c3a6eae4d3d3787abc6d3c47c3b5809_origin_6kQ4jHa.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_ab3cb5f99e107211"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160.25, 240.25); z-index: 1004; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -185.25px; top: -284.25px; width: 370.5px; height: 568.5px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/93fe9b42977651143b9769ede6c8e7e2_origin_PPDKMMk.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="ImageBlock" id="e_ef0d68302664f3a2"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 253); z-index: 1005; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -80px; top: -187.5px; width: 160px; height: 375px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/0bbb1b9dbd2ae04fd4420573c57d7944_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_e06c32d37bc8f828"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1006; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -97px; top: -175px; width: 194px; height: 350px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/e711e47b6dff1fd049caa2b3c9bf3b3c_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_3e58ed221d8af160"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1007; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -9.51429px; top: -18.5px; width: 19.0286px; height: 37px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/bbb5a3e50b51fa6bd39c6bad5bf735c2_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="CycleImage" id="e_9db4c8e450c5ca6e"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.5, 192); z-index: 1008; opacity: 1;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -51.5px; top: -41px; background-color: transparent; width: 103px; height: 82px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:82px;">
                                    <canvas id="canvas_828558a08aa697689b48c3487ec48be4" width="206" height="164"
                                            style="pointer-events:none;width:103px;height:82px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="CycleImage" id="e_3c293bec6e369195"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.924, 200.603); z-index: 1009; opacity: 1;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -36.9244px; top: -43.6029px; background-color: transparent; width: 73.8488px; height: 87.2058px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:87.20584428715874px;">
                                    <canvas id="canvas_85d8c778a48c967bb26f972f1b0cfa83" width="147.69767441860463"
                                            height="174.41168857431748"
                                            style="pointer-events:none;width:73.84883720930232px;height:87.20584428715874px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_85e0821c27dbaa6b"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1010; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -17.0395px; top: -17.5px; width: 34.0789px; height: 35px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/0dcc7434f1bf10611b29d96c7bc015b6_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_4ab8ea96e081c430"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1011; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -69.5px; top: -201px; width: 139px; height: 402px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/ed6bb9ad349b93f60f16b090be59140e_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="CycleImage" id="e_9d11b53eed1be323"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.5, 201.471); z-index: 1012; opacity: 1;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -27.5px; top: -39.4706px; background-color: transparent; width: 55px; height: 78.9412px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:78.94117647058823px;">
                                    <canvas id="canvas_9a21849cee0fbc7a85fa455d52b8d7ba" width="110"
                                            height="157.88235294117646"
                                            style="pointer-events:none;width:55px;height:78.94117647058823px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_9939b87c8969dd83"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 136.5, 215.5); z-index: 1013; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -6.5px; top: -16.5px; width: 13px; height: 33px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/ea5c6038d832a1f25cadd022038d3bce_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_170e1f555d3bfe54"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 179.04, 200.5); z-index: 1014; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -9.04029px; top: -30.5px; width: 18.0806px; height: 61px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/bd79c735098cfb7bac9b80c5cca85b29_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_7e7f6edba8fc660e"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1015; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -86.5px; top: -220.5px; width: 173px; height: 441px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/ca5f70c35a8e8cc3d6137731625caf9d_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_2a64065e8fea280b"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 157.444, 160); z-index: 1016; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -49.4444px; top: -50px; width: 98.8889px; height: 100px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/ce0243d8e51da09fa9f8d7d7a155055b_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="CycleImage" id="e_8e74703b48302510"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.615, 201.5); z-index: 1017; opacity: 0;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -35.6148px; top: -39.5px; background-color: transparent; width: 71.2295px; height: 79px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:79px;">
                                    <canvas id="canvas_0234c58a45ee7d718ca57ab76c4368b7" width="142.45901639344262"
                                            height="158"
                                            style="pointer-events:none;width:71.22950819672131px;height:79px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="CycleImage" id="e_4ce6565712007fb7"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.456, 200.407); z-index: 1018; opacity: 0;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -27.4557px; top: -39.4071px; background-color: transparent; width: 54.9115px; height: 78.8141px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:78.81411764705882px;">
                                    <canvas id="canvas_396ebe009c8745d378d3f9d6e3b5e2f2" width="109.82295081967213"
                                            height="157.62823529411764"
                                            style="pointer-events:none;width:54.911475409836065px;height:78.81411764705882px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="CycleImage" id="e_96e2e9cf9b9ba9fa"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 168.713, 198.587); z-index: 1019; opacity: 0;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -37.7125px; top: -65.587px; background-color: transparent; width: 75.425px; height: 131.174px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:131.17391304347828px;">
                                    <canvas id="canvas_5bc8d33f9051cb6f5bfb099533ad4604" width="150.85000000000002"
                                            height="262.34782608695656"
                                            style="pointer-events:none;width:75.42500000000001px;height:131.17391304347828px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_7757513cb610402d"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 157.404, 229); z-index: 1020; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -9.40426px; top: -26px; width: 18.8085px; height: 52px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/5c3be1f872cac7873836a4b6c967e74a_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_6a8e46d1389ed60d"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1021; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -105.25px; top: -213px; width: 210.5px; height: 426px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/de60ad745ff163100be806d172f9daff_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="CycleImage" id="e_a0bdaa327f7c04ca"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 167.843, 199); z-index: 1022; opacity: 1;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -33.8429px; top: -103px; background-color: transparent; width: 67.6857px; height: 206px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:205.99999999999994px;">
                                    <canvas id="canvas_2d9959d770a128768c542b48177ff39c" width="135.37142857142854"
                                            height="411.9999999999999"
                                            style="pointer-events:none;width:67.68571428571427px;height:205.99999999999994px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="CycleImage" id="e_e2b7ece93710e17e"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 183, 304.5); z-index: 1023; opacity: 0;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -34px; top: -103.5px; background-color: transparent; width: 68px; height: 207px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:207px;">
                                    <canvas id="canvas_e6adeff7f1c0e9314a686bbbf7446389" width="136" height="414"
                                            style="pointer-events:none;width:68px;height:207px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="CycleImage" id="e_83eff97896e7ddf1"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 117, 213); z-index: 1024; opacity: 1;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -17px; top: -17px; background-color: transparent; width: 34px; height: 34px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:34px;">
                                    <canvas id="canvas_ddf2d2535e185a24e5baedc7bf0eb4a1" width="68" height="68"
                                            style="pointer-events:none;width:34px;height:34px;"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_12bf1d7e66bdeeeb"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -180, 3);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c178e_12bf1d7e66bdeeeb" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/369cf6d2563c3be1c63d34cd0ad6ff41.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_98115d8898c0254b"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -180, 59);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c182e_98115d8898c0254b" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/01c3e2ec22f19345f2d4c8575dd13f13.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_4ecebfc56abd47fc"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -180, 367);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c186e_4ecebfc56abd47fc" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/5e9a78fc7b17df1725aef122c301e432.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_e7386d30b2604d17"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -180, 422);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c190e_e7386d30b2604d17" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/7c5903e12bb2cc33ad7bfa0894ec1356.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_83c8253311e8ca26"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -268, 480);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c194e_83c8253311e8ca26" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/50e69eb26e1ff7e3d2d8ba3429d90ae3.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_f00cf50f01ef4d73"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -180, 471);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c198e_f00cf50f01ef4d73" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/d993eef53304f92b18125e5907e9136c.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_b737029a120fa094"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -180, 524);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c202e_b737029a120fa094" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/c002cba62c78036c88f67957849578c3.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_cc7d0138684a65a7"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -180, 115);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c206e_cc7d0138684a65a7" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/1723555854aa4cbb27ab40b9b67bb08d.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_aae09c97edd72255"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -180, 173);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c210e_aae09c97edd72255" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/9ef86709b42c67ff671956d65e61e1a8_WnZV32D.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="ImageBlock" id="e_7e883fcc00c31ab6"
                             style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -75.9545, 17); z-index: 1034; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -29.5455px; top: -10px; width: 59.0909px; height: 20px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/327e26845d2e0100515d9c2809ac3307_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hasaction" data-type="Button" id="e_18d90ebc21afd422"
                             style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, 360.05, 17.55); z-index: 1035; cursor: pointer;">
                            <div class="iButton Element"
                                 style="position:absolute;left: -23.55px; top: -23.550000000000004px;background-color:transparent;width:47.1px;height:47.10000000000001px;">
                                <div class="image_wrap el_wrap"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                    <img class="Context iconNormal" id="e_c216"
                                         style="width: 100%; height: 100%; position: absolute; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;"
                                         src="http://qn.media.epub360.com/materials/origin/08211eefbb493f4c908b6612a4041d84_origin.png"><img
                                        class="Context iconActive" id="e_c218"
                                        style="width: 100%; height: 100%; position: absolute; display: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;"
                                        src="http://qn.media.epub360.com/materials/origin/47155925bdce9a41e5c40dd0ef157f76_origin_wtAkitw.png">
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide hasaction" data-type="Button" id="e_003e6c812a80bb09"
                             style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, 361.05, 17.55); z-index: 1036; opacity: 0; cursor: pointer;">
                            <div class="iButton Element"
                                 style="position:absolute;left: -23.55px; top: -23.550000000000004px;background-color:transparent;width:47.1px;height:47.10000000000001px;">
                                <div class="image_wrap el_wrap"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                    <img class="Context iconNormal" id="e_c222"
                                         style="width: 100%; height: 100%; position: absolute; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;"
                                         src="http://qn.media.epub360.com/materials/origin/cbd5b8130876b0730e7110fb41b904bc_origin.png"><img
                                        class="Context iconActive" id="e_c224"
                                        style="width: 100%; height: 100%; position: absolute; display: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;"
                                        src="http://qn.media.epub360.com/materials/origin/fa7dada9e617c3bb87b0181b86a63ddd_origin_wWlAACt.png">
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide hasaction" data-type="Button" id="e_3efd8420e811d459"
                             style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, 361.05, 17.55); z-index: 1037; opacity: 0; cursor: pointer;">
                            <div class="iButton Element"
                                 style="position:absolute;left: -25.05px; top: -25.050000000000008px;background-color:transparent;width:50.1px;height:50.100000000000016px;">
                                <div class="image_wrap el_wrap"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                    <img class="Context iconNormal" id="e_c228"
                                         style="width: 100%; height: 100%; position: absolute; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;"
                                         src="http://qn.media.epub360.com/materials/origin/06fc026e1039bd212cae51d93cec2cc1_origin.png"><img
                                        class="Context iconActive" id="e_c230"
                                        style="width: 100%; height: 100%; position: absolute; display: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;"
                                        src="http://qn.media.epub360.com/materials/origin/4c131e61f5cec5ab5ebe09a5739ac310_origin_5pKYjzg.png">
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="Button" id="e_fc38cd7443ce8ad0"
                             style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, 361.05, 17.55); z-index: 1038; opacity: 0; cursor: pointer;">
                            <div class="iButton Element"
                                 style="position:absolute;left: -24.05px; top: -24.050000000000008px;background-color:transparent;width:48.1px;height:48.100000000000016px;">
                                <div class="image_wrap el_wrap"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                    <img class="Context iconNormal" id="e_c234"
                                         style="width:100%;height:100%;position:absolute;"
                                         src="http://qn.media.epub360.com/materials/origin/d99b579af2915c6675ffea1c540e6a6b_origin_pn8QBwv.png"><img
                                        class="Context iconActive" id="e_c236"
                                        style="width:100%;height:100%;position:absolute;display:none;"
                                        src="http://qn.media.epub360.com/materials/origin/4704c15c96a0b06d7d978f2b2d472059_origin_5Eszcp8.png">
                                </div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_732f25c2b3847e0d"
                             style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -47, 16); z-index: 1039; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -57.5px; top: -10px; width: 115px; height: 20px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/f47e26c2867f93a4abe8c387a7b5993b_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_df69f720f34fb342"
                             style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -73.6136, 15); z-index: 1040; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -29.8864px; top: -10px; width: 59.7727px; height: 20px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/5c97ac1b9ea5f6bc371f4697daaf124e_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="ImageBlock" id="e_966097bc91b66e4d"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -990, 246); z-index: 1041; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -86px; top: -22px; width: 172px; height: 44px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/670d2dabe6ac79faf4f6a387638ddc19_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_4e95a44b0a819888"
                             style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -66.9773, 16); z-index: 1042; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -38.5227px; top: -10px; width: 77.0455px; height: 20px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/96f64d083eba6021afe82b6b97b8c58a_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_546659dc054dc886"
                             style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -63.4091, 14); z-index: 1043; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -39.0909px; top: -10px; width: 78.1818px; height: 20px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/670d2dabe6ac79faf4f6a387638ddc19_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_40035493e3b91436"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -180, 574);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c250e_40035493e3b91436" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/9518a5f0edb0be1e73155f24d3df7156.mp3">
                                </audio>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Timer" id="20160913223621979"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 463, -18); z-index: 1045;">
                            <div class="iTimer nanoscrollbar Element"
                                 style="position: absolute; left: -90px; top: -22px; background-color: transparent; width: 180px; height: 44px; line-height: 2em; text-align: center; font-size: 20px; color: rgb(0, 0, 0); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                10
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_df65b47d947c710b"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 161.239, 475); z-index: 1046; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -114.239px; top: -5px; width: 228.478px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/089ad1f51410773d028d410b54e7dd7b_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_d052122212ffa0c8"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.722, 475); z-index: 1047; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -147.222px; top: -5px; width: 294.444px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/4e2b39742bbabf4553004e38f778bdb5_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_48e0cdcd6e2a7e31"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.391, 476); z-index: 1048; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -62.3913px; top: -5px; width: 124.783px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/104baeaf6dab386f22a2ea794872d6da_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_38a2851a38fc1ace"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 475); z-index: 1049; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -135px; top: -5px; width: 270px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/c82b233e836906b12c41b87fcf30ed5b_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_db074c7116ab42ac"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160.022, 475); z-index: 1050; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -141.522px; top: -5px; width: 283.043px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/553e317db1a924b099d849e1064a9ca4_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_22aca4707b345aa8"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.932, 475); z-index: 1051; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -61.9318px; top: -5px; width: 123.864px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/24e26ed1b1ffcba415357154cdfa4700_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_09b33e3c399aed57"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160.065, 475); z-index: 1052; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -124.565px; top: -5px; width: 249.13px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/43cb7497b9e366bc0c5056c687c34bc4_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="ImageBlock" id="e_bef138b7acab0948"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 157.543, 475); z-index: 1053; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -130.543px; top: -5px; width: 261.087px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/12fb49e1e846fd2528c6e45960091ec1_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_bab879b6d096a516"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.609, 475); z-index: 1054; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -125.109px; top: -5px; width: 250.217px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/07c394edebbc08845b012b709e0b79fa_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="ImageBlock" id="e_969b39beaf7f3748"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.739, 475); z-index: 1055; opacity: 0;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -114.239px; top: -5px; width: 228.478px; height: 10px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/f58f83c4a322ace04b11bb48bbcaf361_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide" data-type="CycleImage" id="e_922e4c4960478841"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 187.5, 336.102); z-index: 1056; opacity: 0;">
                            <div class="iCycleImage Element"
                                 style="overflow: hidden; position: absolute; left: -36.5px; top: -43.1017px; background-color: transparent; width: 73px; height: 86.2035px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <div class="slidecontent overflowhidden"
                                     style="position:absolute;width:100%;height:100%;line-height:86.20347826086956px;">
                                    <canvas id="canvas_f100d45d1799c8cb03f2b8ad33fc2402" width="146"
                                            height="172.40695652173912"
                                            style="pointer-events:none;width:73px;height:86.20347826086956px;"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="Presentation c-transition-item has_swipe c-transition-down" id="page_c799cfe1fa062f9d"
                     style="background-color: rgb(0, 0, 0); overflow: hidden; width: 100%; height: 100%;">
                <div class="interaction-area typo"
                     style="width: 100%; height: 100%; margin-left: 63.5px; margin-top: 0px;">
                    <div class="interaction-view" style="overflow: visible;">
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_30ba2e0021b4b593"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1000; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -67.9091px; top: -6px; width: 135.818px; height: 12px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/40255bef312610ec6bd11b2667b8bf8f_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_b36fdaec28f3d514"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1001; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -104.88px; top: -6px; width: 209.76px; height: 12px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/80698f5cb8c4afae0ebb56da6ee0b4e3_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic hide " data-type="ImageBlock" id="e_865823f8866e5666"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1002; opacity: 1;">
                            <div class="iImageBlock Element"
                                 style="position: absolute; left: -44.75px; top: -6px; width: 89.5px; height: 12px; border-radius: 0px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/d68e31289fd3a131545671f666cf7b5c_origin.png?undefined&quot;); border-color: rgb(0, 0, 0); border-width: 0px; border-style: none; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Timer" id="20160913174948129"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 523, 187); z-index: 1003;">
                            <div class="iTimer nanoscrollbar Element"
                                 style="position: absolute; left: -90px; top: -22px; background-color: transparent; width: 180px; height: 44px; line-height: 2em; text-align: center; font-size: 20px; color: rgb(0, 0, 0); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                00:11
                            </div>
                        </div>
                        <div class="iView dynamic" data-type="Audio" id="e_51fd87315914c6d5"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -97, 126);">
                            <div class="iAudio Element"
                                 style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                                <audio id="Audio_e_c421e_51fd87315914c6d5" style="position:absolute;">
                                    <source src="http://qn.media.epub360.com/materials/audio/5c5218fe5c7e6046a08d07dbc40cd5d5.mp3">
                                </audio>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <div class="iView dynamic fixed master" data-type="Audio" id="20160828130051341"
         style="width: 0px; height: 0px; left: 0px; top: 0px; transform: matrix(1, 0, 0, 1, -61.5, 44);">
        <div class="iAudio Element"
             style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
    </div>


    <nav class="iView master nav-vertical pagenumber"
         style="position: absolute; left: -6px; top: -46px; display: none;">
        <li class=""><a href="#" data-index="0"></a></li>
        <li class="active"><a href="#" data-index="1"></a></li>
        <li class=""><a href="#" data-index="2"></a></li>
        <li class=""><a href="#" data-index="3"></a></li>
        <li class=""><a href="#" data-index="4"></a></li>
    </nav>
</div>


<script type="text/javascript" src="//v2static.epub360.com/diazo/epub360player/player.1f5facc6.cache.js"></script>


<script type="text/javascript" src="//js.epub360.com/dlg4ed/49/index.js"></script>


<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>


<script type="text/javascript" src="//v2static.epub360.com/diazo/player-built/require.built.0e849568.cache.js"></script>
<script type="text/javascript" src="//cdn.bootcss.com/jquery/1.8.1/jquery.min.js"></script>

<script type="text/javascript">
    var epub360_player = [];
    if (isMobilePlayer) {

        epub360_player = '//v2static.epub360.com/diazo/player-built/mobileview.built.591725db.cache.js';

    } else {
        epub360_player = '//v2static.epub360.com/diazo/player-built/touchview.built.c114ad61.cache.js';
    }
    player_modules.push(epub360_player);


    if (typeof epub360InitEvent == 'function') {
        epub360InitEvent();
    }
</script>


<script type="text/javascript">
    player_modules.unshift('//v2static.epub360.com/??player_modules/lib/countdown/2/countdown.js,player_modules/js/timer/5/timer.js');
</script>


<!-- 分享信息-->
<script type="text/javascript">
    $script(player_modules, 'player');
    $script.ready('player', function () {
        var _i = window.setInterval(function () {
            if (window.start_player) {
                if (loadmodules.length) {
                    $script(loadmodules, 'modules');
                    $script.ready('modules', function () {
                        console.log('loaded');
                        if (!window.js_loaded) {
                            window.js_loaded = true;
                            window.start_player();
                        }
                    })
                }
                else {
                    if (!window.js_loaded) {
                        window.js_loaded = true;
                        window.start_player();
                    }
                }
                clearInterval(_i);
            }
        }, 50);
    })

    var bookTitle = '旧手机 新故事';
    var msgContent = '一部手机  一段青春  一个故事'; // 微信转发短语
    var msgTitle = '旧手机 新故事'; // 微信转发标题
    var shareTitle = '旧手机 新故事'; // 微信分享朋友圈标题
    var appid = '';
    // 微信分享图片
    var imgUrl = 'http://qn.media.epub360.com/book/icon/6896a90725b3d148ed86c2c303c3831d_origin.png';
    if (window.location.protocol != 'https:' && imgUrl.indexOf(window.location.protocol) < 0) {
        if (imgUrl[0] == '.') {
            imgUrl = '/' + imgUrl;
        }
        imgUrl = window.location.protocol + '//' + window.location.host + imgUrl;
    }

    var localUrl = window.location.origin + window.location.pathname;
    var localSearch = window.location.search;

    // 微信分享网址
    var message_link = localUrl + localSearch;
    var message_hash = window.location.hash;
</script>
<script type="text/javascript" src="//v2static.epub360.com/diazo/epub360player/weixin.0f67623f.cache.js"></script>
<div id="soundcontainer">
    <audio id="bgsound" loop="loop"
           src="http://qn.media.epub360.com/materials/audio/fe088ac73ba8651e6635ddc5814fb949.mp3">
        <source src="http://qn.media.epub360.com/materials/audio/fe088ac73ba8651e6635ddc5814fb949.mp3">
    </audio>
</div>


<!-- Piwik -->
<script type="text/javascript">
    var _paq = _paq || [];
    _paq.push(['setCustomVariable', 1, 'slug', 'e-dlg4ed', 'page']);
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    var load_analytics = function () {
        var u = "http://analytics.21epub.com/";
        _paq.push(['setTrackerUrl', u + 'analytics/']);
        _paq.push(['setSiteId', 'epub360']);
        var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
        g.type = 'text/javascript';
        g.async = true;
        g.defer = true;
        g.src = '//v2static.epub360.com/thirdparty/piwik/piwik.js';
        s.parentNode.insertBefore(g, s);
    }
</script>

<!-- End Piwik Code -->


<div id="preloader"></div>
<div class="presentation-area" style="display: none;">
    <div class="controlbar">
        <div class="logo"></div>
        <div class="progress"><span style="width: 100%;"></span></div>


        <div class="btn-group action-control" style="margin-left: -90px;">
            <button class="btn navigate-left" href="#"><i class="icon-chevron-left icon-2x"></i></button>
            <button class="btn navigate-right" href="#"><i class="icon-chevron-right icon-2x"></i></button>
            <button class="btn navigate-up enabled" href="#"><i class="icon-chevron-up icon-2x"></i></button>
            <button class="btn navigate-down enabled" href="#"><i class="icon-chevron-down icon-2x"></i></button>

        </div>

    </div>
</div>
<div class="touchslide_overview disableMouseWheel iMouseWheel"
     style="width: 100%; height: 100%; position: absolute; left: 0px; z-index: 10000; overflow: auto; top: 0px; display: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;">
    <div class="touchslide_overview_container"
         style="width: 250px; height: 219px; margin-left: -125px; margin-top: -109.5px;">
        <div class="touchslide_overview_wrap disableMouseWheel iMouseWheel" style="top: 0px;">
            <div class="touchslide_overview_group" data-index="0" style="position:absolute;left:0px;top:0;">
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="0"
                     style="position: absolute; top: 0px; left: 0px; width: 250px; height: 219px; background-color: rgb(255, 255, 255); outline: red solid 2px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="1"
                     style="position: absolute; top: 229px; left: 0px; width: 250px; height: 219px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="2"
                     style="position: absolute; top: 458px; left: 0px; width: 250px; height: 219px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="3"
                     style="position: absolute; top: 687px; left: 0px; width: 250px; height: 219px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="4"
                     style="position: absolute; top: 916px; left: 0px; width: 250px; height: 219px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>